.Mobile .app-box,
.Tablet .app-box {
  margin-top: 10px;
}
.mip-search-form form {
  position: static;
}
.mip-search-form form .key-ipt {
  width: 198px;
  height: 38px;
}
.mip-search-form form .submit {
  display: inline-block;
}
.search-form {
  margin: 0 5px;
  width: 200px;
  position: relative;
  *margin-top: -54px;
  _margin-top: -40px;
}
.search-form .key-ipt {
  border: 1px solid #eee;
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  height: 32px;
  margin-right: -28px;
  outline: 0;
  padding: 3px 30px 3px 8px;
  vertical-align: middle;
  width: 160px;
}
.search-form .key-ipt::-ms-clear {
  display: none;
}
.search-form .key-ipt:focus {
  border: 1px solid #e6e6e6;
}
.search-form .submit {
  background: #F6F6F6 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAARVBMVEUAAAD///83NzczMzM9PT0zMzM6Ojo1NTU2NjY1NTU0NDQ0NDQ0NDQzMzM0NDQ0NDQzMzMzMzMzMzMzMzMzMzMzMzMzMzOvc+2DAAAAFnRSTlMAAQ4UFRkfRExNbHp7grbA0NLh5fP+tvdWvQAAAHJJREFUGJVtj1kOgCAMRMumiFYWce5/VAMEo+L8tHnptB0iIskh58CSuuaEqjR3cMJbY6zH2ZBMYFEawUjVyPCiDQsPLjXA9oUWoZQM04lB/icP19Jc4+bx+vND903hjl03dCfdETW9pCOiGtD2JqTW6QLRJgeAKb5dOAAAAABJRU5ErkJggg==) no-repeat center center;
  width: 17px;
  height: 17px;
  background-color: transparent;
  border: none;
  cursor: pointer;
  text-indent: -100px;
  outline: 0;
  vertical-align: middle;
}
.search-wp {
  height: 46px;
  line-height: 46px;
  border-bottom: 1px solid #dedede;
}
@media (min-resolution: 192dpi) {
  .search-form .submit {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAMAAAANmfvwAAAAY1BMVEUAAAD///9AQEA5OTk4ODg5OTk2NjY3Nzc1NTU2NjY1NTU0NDQ1NTU0NDQ1NTUzMzMzMzMzMzM0NDQzMzMzMzM0NDQ0NDQzMzM0NDQzMzMzMzM0NDQzMzMzMzM0NDQ0NDQzMzNXDurKAAAAIHRSTlMAAQwbICQmM0RMUlRXWW+CkJaoqaq/y9PZ2+7y8/n7/HGtJDgAAADkSURBVDjLjZPREkNADEXXFi3FttQWRc//f2VfUHYNuU/ZmbOT5CZRatbV1E3fN7W5ql0FWcuiNgt8IrJsZCOXuHU46m4OMQIMZR5rHeflADBumKgDqML5Hb4AulWuwALfYv2p+AL2X3MGUGxTFwDZ8myBym2gAtrFMWAIXSQcgNlDA5S+UyVgprgGch/JgXqKGyD2kRhoprgHtI9ooJcjgkSCcgVNC6zbH8BrPQDJGAXLIFip/cXkrc/W+419JMdHoi2M9+NTe+Ay3sEm4w7j6C5m0nPmo8+ZyyGi0g9PdSJ9UeoHy6op+4hRxjkAAAAASUVORK5CYII=) no-repeat center center;
    background-size: 17px 17px;
  }
}
@media screen and (max-width: 699px) {
  .search-form {
    text-align: right;
    padding: 0 50px 0 0;
    margin: 0;
    width: 120px;
  }
  .search-form .key-ipt {
    float: left;
    margin-right: 10px;
    vertical-align: middle;
    border: 1px solid #eee;
    border-radius: 3px 0 0 3px;
    border-right: 0;
    font-size: 13px;
    color: #999;
    height: 26px;
    padding: 3px 5px 2px 7px;
    width: 100%;
    *width: 96%;
    _position: absolute;
    box-shadow: none;
    appearance: none;
    outline: 0;
    background-color: #F6F6F6;
  }
  .search-form .submit {
    outline: 0;
    box-shadow: none;
    cursor: pointer;
    vertical-align: middle;
    width: 40px;
    height: 33px;
    text-indent: 100px;
    color: #fff;
    border: 1px solid #eee;
    border-left: 0;
    border-radius: 0 3px 3px 0;
    margin: 0;
    position: absolute;
    right: 0;
    *right: 12px;
    *top: 19px;
    _top: 0;
    *height: 29px;
    _height: 30px;
    background: #F6F6F6 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAgVBMVEUAAABPT08zMzM0NDQzMzMzMzM1NTUzMzMzMzMzMzMzMzMzMzM3Nzc7OzszMzM0NDQ4ODgzMzMzMzMzMzM1NTU9PT09PT0zMzMzMzMzMzMzMzMzMzM1NTU0NDQzMzM0NDQ0NDQzMzM1NTU0NDQ1NTU0NDQzMzM0NDQ3Nzc2NjYzMzNS/EBxAAAAKnRSTlMABftf9tMx2sm2sJIaCd+qH+6MbjkVD+bjoZpLE+i9hIBoW1NIQDcsKiNqie0kAAAA+klEQVQoz3WQWZaCMBBFMwIJM4iAYjtPb/8LbAUlhMj9qZdzCyoVYujut4ySX3hhghdMHeO5ilIAuQwSBjTcdqsdROG90/oUABs6dQIqGk9cQE/+ubN7vRz78ZBC2Ze8Mvb4NkJExCaEHlNBZlQC1ZASeGSOxrBPh5w4lAj7eod05RlpX28IXHmB6muGxJUcbV8pY2tHFjgMQeHkSB+rIRzdoVvUnxQ34LaLJUozXXiWbOGbx94gv06+S8EmzVSDhdV3ngTwFxPDnkHo8nzhhQ/429q2D40PdUnJs0FgLV/xMFXtYdjvmRjrkvmQ3aKNXpYuW4mMLEIz8g8w+hSmxuLi5wAAAABJRU5ErkJggg==) no-repeat center center;
    _background: #F6F6F6 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUAQMAAAC3R49OAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAABISURBVAhbY/jA/4HhAPMHhubDHxj6H35gkP8AxD8+MNiD8B8o/gER4wfKtQPVNDZ8YHjAUMDwgcOA4f8fAYb//xgY/v8H4QYAVDIoHk08rAgAAAAASUVORK5CYII=) no-repeat center center;
    background-size: 14px 14px;
  }
  .search-form.mip-element .key-ipt {
    width: 100%;
    height: 33px;
  }
  .mip-header-container header .inner {
    position: absolute;
    left: 0;
  }
  .mip-header-container header .search-form {
    padding-right: 40px;
  }
  .mip-header-container .parent-menu {
    position: absolute;
    left: 0;
    top: 0;
  }
}
.drawer {
  display: inline-block;
  width: 16px;
  height: 14px;
  margin: 22px 20px 0 17px;
  vertical-align: top;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAYAAAAmL5yKAAAALElEQVQoFWM0MTHZ+v//fy8GMgAjI+M2JjL0jWpBCwHG0VhAC5GB4A58LAAAqC0P/Z3BejAAAAAASUVORK5CYII=) no-repeat center center;
}
@media (min-resolution: 192dpi) {
  .drawer {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAcAgMAAAB9rFWxAAAADFBMVEUAAAA0NDQ0NDQzMzPCChFqAAAAA3RSTlMASePizoNQAAAAG0lEQVQIW2PI/w8GPxn2Qxj/EAy4FLXAILMLAIjnWpeDuD9zAAAAAElFTkSuQmCC) no-repeat center center;
    background-size: 16px 14px;
  }
}
.arrow-up,
.arrow-down {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA8UExURUdwTMzMzM7OzszMzM/Pz87Ozs3NzczMzMzMzOPj49LS0szMzMzMzM3NzczMzMzMzMzMzM7Ozs3NzczMzIUX5k0AAAATdFJOUwDUQS0QWGVL+QQc8OSQqsFzH8zKvpsVAAAAbklEQVR42u3OSQ6AIBBE0XZgEud//7saTUwjRt3ozrehKyka5Pcy5x4ydGnuwOUFRo0jeSH0gNmTAfogB2EAX8qm9DAEydQFxGqdqghFLSdNC22j55He1E0pfXue9S9nho2RS9aDt3JjsnaS3ycWTjQFY9ZAjVcAAAAASUVORK5CYII=) no-repeat;
  background-size: 100%;
}
.arrow-up {
  -ms-transform: rotate(180deg);
      transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.tag-popup {
  display: none;
  position: absolute;
  left: 0;
  top: 32px;
  _top: 30px;
  text-align: left;
  z-index: 20;
  padding: 15px 15px 5px 15px;
  background: #f7f7f7;
  border: 1px solid #ddd;
  width: 660px;
}
.tag-popup .parent-cate {
  line-height: 22px;
  float: left;
  width: 50%;
  margin-bottom: 10px;
}
.tag-popup .parent-cate .cate-link {
  font-size: 0.875em;
  color: #333;
  padding: 0;
  padding-left: 10px;
  display: inline-block;
  line-height: 16px;
  border-left: 3px solid #4cc9b6;
  border-bottom: 0;
  width: 80%;
}
.tag-popup .parent-cate ul {
  margin-left: 8px;
}
.tag-popup .child-cate {
  float: left;
}
.tag-popup .child-cate a {
  font-size: 0.75em;
  color: #999;
  padding: 0 5px;
  margin-right: 2px;
  border-left: 0;
  display: inline-block;
}
.tag-popup .child-cate a:hover {
  text-decoration: underline;
  color: #2f7c2f;
}
.game-popup {
  width: 680px;
}
@media screen and (max-width: 674px) {
  .tag-popup {
    visibility: hidden;
  }
}
.login-modal,
.user-modal {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 199;
  background: rgba(0, 0, 0, 0.6);
  display: none;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.login-modal.show,
.user-modal.show {
  display: -ms-flexbox;
  display: flex;
}
.login-modal .modal-wrap,
.user-modal .modal-wrap {
  background: #fff;
  max-width: 500px;
  width: 90%;
  border-radius: 16px;
  position: relative;
}
.login-modal .modal-wrap .close-btn,
.user-modal .modal-wrap .close-btn {
  width: 32px;
  height: 32px;
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
  background: url('//cdn.wandoujia.com/wdjweb/assets/images/icon_popupbox_close.png') center center / 100% no-repeat;
}
.login-modal .modal-wrap .login-modal-content,
.user-modal .modal-wrap .login-modal-content {
  padding: 20px 30px 30px;
  font-size: 14px;
}
.login-modal .modal-wrap .login-modal-content .title,
.user-modal .modal-wrap .login-modal-content .title {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}
.login-modal .modal-wrap .login-modal-content .tips,
.user-modal .modal-wrap .login-modal-content .tips {
  color: #999999;
  font-size: 14px;
  text-align: center;
  margin: 10px 0 40px;
}
.login-modal .modal-wrap .login-modal-content .input-wrap,
.user-modal .modal-wrap .login-modal-content .input-wrap {
  height: 50px;
  border-bottom: 1px solid #EEE;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  background: #fff;
  font-size: 16px;
}
.login-modal .modal-wrap .login-modal-content .input-wrap .inner-input,
.user-modal .modal-wrap .login-modal-content .input-wrap .inner-input {
  -ms-flex: 1;
      flex: 1;
  border: none;
  outline: 0;
  height: 100%;
  resize: none;
  font-size: 16px;
  color: #222426;
}
.login-modal .modal-wrap .login-modal-content .input-wrap .clear-input,
.user-modal .modal-wrap .login-modal-content .input-wrap .clear-input {
  margin-left: 6px;
  width: 20px;
  height: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: none;
  cursor: pointer;
  background: url('//cdn.wandoujia.com/wdjweb/assets/images/icon_input_clean.png') center center / 100% 100%;
}
.login-modal .modal-wrap .login-modal-content .input-wrap .clear-input.show,
.user-modal .modal-wrap .login-modal-content .input-wrap .clear-input.show {
  display: block;
}
.login-modal .modal-wrap .login-modal-content .input-wrap .verify-btn,
.user-modal .modal-wrap .login-modal-content .input-wrap .verify-btn {
  -ms-flex: 0 0 120px;
      flex: 0 0 120px;
  text-align: right;
  color: #C2C5CC;
}
.login-modal .modal-wrap .login-modal-content .input-wrap .verify-btn.active,
.user-modal .modal-wrap .login-modal-content .input-wrap .verify-btn.active {
  color: #29A245;
  cursor: pointer;
}
.login-modal .modal-wrap .login-modal-content .input-wrap input::-webkit-input-placeholder,
.user-modal .modal-wrap .login-modal-content .input-wrap input::-webkit-input-placeholder,
.login-modal .modal-wrap .login-modal-content .input-wrap textarea::-webkit-input-placeholder,
.user-modal .modal-wrap .login-modal-content .input-wrap textarea::-webkit-input-placeholder {
  color: #C2C5CC;
}
.login-modal .modal-wrap .login-modal-content .input-wrap input:-moz-placeholder,
.user-modal .modal-wrap .login-modal-content .input-wrap input:-moz-placeholder,
.login-modal .modal-wrap .login-modal-content .input-wrap textarea:-moz-placeholder,
.user-modal .modal-wrap .login-modal-content .input-wrap textarea:-moz-placeholder {
  color: #C2C5CC;
}
.login-modal .modal-wrap .login-modal-content .input-wrap input::-moz-placeholder,
.user-modal .modal-wrap .login-modal-content .input-wrap input::-moz-placeholder,
.login-modal .modal-wrap .login-modal-content .input-wrap textarea::-moz-placeholder,
.user-modal .modal-wrap .login-modal-content .input-wrap textarea::-moz-placeholder {
  color: #C2C5CC;
}
.login-modal .modal-wrap .login-modal-content .input-wrap input:-ms-input-placeholder,
.user-modal .modal-wrap .login-modal-content .input-wrap input:-ms-input-placeholder,
.login-modal .modal-wrap .login-modal-content .input-wrap textarea:-ms-input-placeholder,
.user-modal .modal-wrap .login-modal-content .input-wrap textarea:-ms-input-placeholder {
  color: #C2C5CC;
}
.login-modal .modal-wrap .login-modal-content .input-wrap input::-webkit-outer-spin-button,
.user-modal .modal-wrap .login-modal-content .input-wrap input::-webkit-outer-spin-button,
.login-modal .modal-wrap .login-modal-content .input-wrap input::-webkit-inner-spin-button,
.user-modal .modal-wrap .login-modal-content .input-wrap input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}
.login-modal .modal-wrap .login-modal-content .input-error-tips,
.user-modal .modal-wrap .login-modal-content .input-error-tips {
  margin: 10px 0;
}
.login-modal .modal-wrap .login-modal-content .input-error-tips .error-text,
.user-modal .modal-wrap .login-modal-content .input-error-tips .error-text {
  padding-left: 28px;
  font-size: 14px;
  background: url('//cdn.wandoujia.com/wdjweb/assets/images/icon_wrong_tips.png') left center / 16px 16px no-repeat;
  color: #F93636;
}
.login-modal .modal-wrap .login-modal-content .login-btn,
.user-modal .modal-wrap .login-modal-content .login-btn {
  height: 50px;
  border-radius: 50px;
  color: #fff;
  background-color: #29A245;
  text-align: center;
  line-height: 50px;
  font-size: 18px;
  font-weight: bold;
  margin-top: 20px;
  cursor: pointer;
}
.login-modal .modal-wrap .login-modal-content .check-privacy,
.user-modal .modal-wrap .login-modal-content .check-privacy {
  margin-top: 40px;
  color: #666;
  font-size: 14px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.login-modal .modal-wrap .login-modal-content .check-privacy .checkbox,
.user-modal .modal-wrap .login-modal-content .check-privacy .checkbox {
  width: 20px;
  height: 20px;
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: #fff;
  margin-right: 10px;
  cursor: pointer;
  background: url(//cdn.wandoujia.com/wdjweb/assets/images/icon_set_nor.png) center center / 16px 16px no-repeat;
}
.login-modal .modal-wrap .login-modal-content .check-privacy .checkbox.active,
.user-modal .modal-wrap .login-modal-content .check-privacy .checkbox.active {
  border: none;
  background-image: url(//cdn.wandoujia.com/wdjweb/assets/images/icon_set_wdj_sel.png);
}
.login-modal .modal-wrap .user-modal-content,
.user-modal .modal-wrap .user-modal-content {
  padding: 30px;
}
.login-modal .modal-wrap .user-modal-content .user-info,
.user-modal .modal-wrap .user-modal-content .user-info {
  margin: 100px 0 80px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
}
.login-modal .modal-wrap .user-modal-content .user-info .avatar,
.user-modal .modal-wrap .user-modal-content .user-info .avatar {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  object-fit: cover;
}
.login-modal .modal-wrap .user-modal-content .user-info .name,
.user-modal .modal-wrap .user-modal-content .user-info .name {
  font-size: 24px;
  font-weight: bold;
  color: #222426;
  margin-top: 20px;
}
.login-modal .modal-wrap .user-modal-content .logout-btn,
.user-modal .modal-wrap .user-modal-content .logout-btn {
  height: 50px;
  line-height: 50px;
  border-radius: 50px;
  text-align: center;
  background-color: #E6FAEB;
  color: #29A245;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
}
.login-modal .modal-wrap.pc .login-modal-content .nc-wrap,
.user-modal .modal-wrap.pc .login-modal-content .nc-wrap {
  margin-top: 20px;
}
.login-modal .modal-wrap.pc .login-modal-content .nc-wrap .nc_scale,
.user-modal .modal-wrap.pc .login-modal-content .nc-wrap .nc_scale {
  height: 40px;
}
.login-modal .modal-wrap.pc .login-modal-content .nc-wrap .nc_scale .nc_iconfont,
.user-modal .modal-wrap.pc .login-modal-content .nc-wrap .nc_scale .nc_iconfont {
  width: 38px;
  height: 38px;
}
.login-modal .modal-wrap.pc .login-modal-content .nc-wrap .nc_scale span,
.user-modal .modal-wrap.pc .login-modal-content .nc-wrap .nc_scale span {
  height: 38px;
  line-height: 38px;
}
.login-modal .modal-wrap.pc .login-modal-content .nc-wrap .nc_scale .nc-lang-cnt,
.user-modal .modal-wrap.pc .login-modal-content .nc-wrap .nc_scale .nc-lang-cnt {
  font-size: 14px;
}
.login-modal .modal-wrap.mobile .close-btn,
.user-modal .modal-wrap.mobile .close-btn {
  width: 24px;
  height: 24px;
  right: 12px;
  top: 12px;
}
.login-modal .modal-wrap.mobile .login-modal-content,
.user-modal .modal-wrap.mobile .login-modal-content {
  padding: 20px;
}
.login-modal .modal-wrap.mobile .login-modal-content .nc-wrap,
.user-modal .modal-wrap.mobile .login-modal-content .nc-wrap {
  margin-top: 12px;
}
.login-modal .modal-wrap.mobile .login-modal-content .title,
.user-modal .modal-wrap.mobile .login-modal-content .title {
  font-size: 18px;
}
.login-modal .modal-wrap.mobile .login-modal-content .tips,
.user-modal .modal-wrap.mobile .login-modal-content .tips {
  font-size: 12px;
  margin-bottom: 30px;
}
.login-modal .modal-wrap.mobile .login-modal-content .input-error-tips,
.user-modal .modal-wrap.mobile .login-modal-content .input-error-tips {
  margin: 6px 0;
}
.login-modal .modal-wrap.mobile .login-modal-content .input-error-tips .error-text,
.user-modal .modal-wrap.mobile .login-modal-content .input-error-tips .error-text {
  padding-left: 20px;
  background-size: 14px 14px;
  font-size: 12px;
}
.login-modal .modal-wrap.mobile .login-modal-content .input-wrap,
.user-modal .modal-wrap.mobile .login-modal-content .input-wrap {
  font-size: 14px;
  height: 40px;
}
.login-modal .modal-wrap.mobile .login-modal-content .input-wrap .inner-input,
.user-modal .modal-wrap.mobile .login-modal-content .input-wrap .inner-input {
  font-size: 14px;
}
.login-modal .modal-wrap.mobile .login-modal-content .input-wrap .verify-btn,
.user-modal .modal-wrap.mobile .login-modal-content .input-wrap .verify-btn {
  -ms-flex: 0 0 100px;
      flex: 0 0 100px;
}
.login-modal .modal-wrap.mobile .login-modal-content .input-wrap .clear-input,
.user-modal .modal-wrap.mobile .login-modal-content .input-wrap .clear-input {
  width: 16px;
  height: 16px;
}
.login-modal .modal-wrap.mobile .login-modal-content .check-privacy,
.user-modal .modal-wrap.mobile .login-modal-content .check-privacy {
  font-size: 12px;
}
.login-modal .modal-wrap.mobile .login-modal-content .login-btn,
.user-modal .modal-wrap.mobile .login-modal-content .login-btn {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  margin-top: 12px;
}
.login-modal .modal-wrap.mobile .user-modal-content,
.user-modal .modal-wrap.mobile .user-modal-content {
  padding: 20px;
}
.login-modal .modal-wrap.mobile .user-modal-content .user-info,
.user-modal .modal-wrap.mobile .user-modal-content .user-info {
  margin: 30px 0 20px;
}
.login-modal .modal-wrap.mobile .user-modal-content .user-info .avatar,
.user-modal .modal-wrap.mobile .user-modal-content .user-info .avatar {
  width: 60px;
  height: 60px;
}
.login-modal .modal-wrap.mobile .user-modal-content .user-info .name,
.user-modal .modal-wrap.mobile .user-modal-content .user-info .name {
  font-size: 16px;
  margin-top: 12px;
}
.login-modal .modal-wrap.mobile .user-modal-content .logout-btn,
.user-modal .modal-wrap.mobile .user-modal-content .logout-btn {
  font-size: 14px;
  height: 40px;
  line-height: 40px;
}
.modal-tips {
  position: fixed;
  top: 36%;
  left: 50%;
  z-index: 9999;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.7);
  padding: 6px 16px;
  border-radius: 8px;
  word-break: break-all;
  max-width: 85%;
  color: #fff;
  display: none;
  font-size: 15px;
}
.modal-tips.show {
  display: block;
}
.header-container {
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #eee;
}
header {
  height: 80px;
  position: relative;
}
header .inner {
  position: relative;
  max-width: 960px;
  _width: 960px;
  height: 80px;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
header .inner .logo-wp {
  margin: 20px 13px;
  display: inline-block;
  vertical-align: top;
}
header .inner .logo-wp .logo {
  text-indent: 100%;
  overflow: hidden;
  *overflow: initial;
  *text-indent: -9866px;
  white-space: nowrap;
  width: 103px;
  height: 39px;
  display: block;
  background: url(data:image/png;base64,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) no-repeat center center;
  background-size: 103px 40px;
}
header .inner .logo-wp .logo:hover {
  text-decoration: none;
}
header .inner .search-right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding-right: 12px;
}
header .inner .search-right .user-info {
  margin-left: 6px;
}
header .inner .search-right .user-info .avatar {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  object-fit: cover;
  cursor: pointer;
}
header .drawer {
  display: none;
}
.header-nav {
  display: inline-block;
  vertical-align: top;
}
.header-nav li {
  display: inline-block;
  text-align: center;
}
.header-nav li a {
  text-decoration: none;
  padding: 33px 15px 0;
  font-size: 14px;
  color: #999;
  transition: color .5s;
  display: block;
}
.header-nav li a.green {
  color: #24aa42;
}
.menu-list {
  display: block;
  position: relative;
  max-width: 960px;
  _width: 960px;
  z-index: 10;
  margin: 0 auto;
  box-shadow: none;
}
.menu-list .parent-menu {
  overflow: hidden;
}
.menu-list .nav-item {
  width: auto;
  display: inline-block;
  *line-height: 36px;
  border-bottom: 0;
  text-align: center;
}
.menu-list .nav-item .first-link {
  line-height: 36px;
  display: inline-block;
}
.menu-list .nav-item span {
  cursor: pointer;
  _top: 7px;
  position: relative;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  color: #666;
  padding: 0 20px;
}
.menu-list .nav-item .new-tip {
  display: none;
  font-size: 12px;
  color: #24aa42;
  margin-left: 10px;
}
.menu-list .nav-item.last span {
  border-right: 0;
}
.menu-list .game-tag-wrap,
.menu-list .app-tag-wrap {
  position: relative;
}
.menu-list .current .first-link {
  line-height: 20px;
  padding: 8px 0 6px 0;
  padding-top: 7px\9;
  border-bottom: 3px solid #4cc8b5;
  *margin-bottom: -7px;
  _padding-bottom: 8px;
}
.menu-list .current .first-link span {
  _top: 1px;
  margin-bottom: -3px;
}
.menu-list.pc-main-menu {
  display: block;
}
.menu-list.pc-main-menu .arrow-down {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: transparent;
  border-top-color: #333;
  border-width: 4px;
  margin-left: 4px;
  _font-size: 0;
  _line-height: 0;
  _border-right-color: pink;
  _border-left-color: pink;
  _border-bottom-color: pink;
  _filter: chroma(color=pink);
  top: 7px;
  right: 12px;
}
.menu-list.menu-list-hide {
  display: none;
}
.j-mask {
  display: none;
  position: fixed;
  background: rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100;
}
.Mobile .menu-list .arrow-down,
.Tablet .menu-list .arrow-down {
  display: none;
}
.extra {
  position: absolute;
  right: 0;
  top: 20px;
}
.extra .launcher {
  margin-top: 3px;
  display: inline-block;
  float: right;
  opacity: 0.9;
  width: 17px;
  height: 22px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAFSOl20AAAABlBMVEVmZmZmZmao2cBkAAAAAXRSTlMAQObYZgAAACdJREFUCFtjOMDEwOAAxAwMGxguAMkLQPZtMP82jIaRjJ/vgJnoDACr8w0cp9OaIAAAAABJRU5ErkJggg==) no-repeat 0 center;
}
.extra .launcher:hover {
  opacity: 1;
}
@media screen and (min-width: 700px) {
  .header-container {
    min-width: 960px;
  }
  .menu-list .parent-menu {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between;
    padding: 0 20px;
  }
}
@media screen and (max-width: 699px) {
  .header-container {
    border-bottom: none;
  }
  header {
    height: 44px;
  }
  header .inner {
    position: absolute;
    top: 0;
    width: 100%;
    height: 44px;
    background-color: #fff;
  }
  header .inner .logo-wp {
    margin: 7px 13px;
  }
  header .inner .logo-wp .logo {
    width: 76px;
    height: 30px;
    background-size: 76px 30px;
  }
  .menu-list {
    height: 36px;
  }
  .parent-menu {
    position: absolute;
    top: 0;
    width: 100%;
    height: 35px;
    border-bottom: 1px solid #eee;
    background-color: #ffffff;
  }
  .header-fixed header .inner {
    position: fixed;
  }
  .header-fixed .parent-menu {
    position: fixed;
    top: 44px;
  }
  .mask {
    display: none;
  }
  .menu-list {
    width: 100%;
  }
  .menu-list .nav-item {
    float: left;
    width: 20%;
    font-size: 0;
  }
  .menu-list .nav-item a {
    font-size: 14px;
  }
  .menu-list .nav-item span {
    padding: 0;
    color: #999;
  }
  .menu-list .nav-item .new-tip {
    display: inline-block;
  }
  .menu-list .nav-item.nav-item .first-link span {
    border: none;
  }
  .menu-list .current .first-link {
    position: relative;
    border-bottom: none;
  }
  .menu-list .current .first-link span {
    color: #333333;
  }
  .menu-list .current .first-link:after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 50%;
    width: 9px;
    height: 3px;
    -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    background-color: #333333;
  }
}
@media screen and (min-width: 700px) and (max-width: 959px) {
  .menu-list li span {
    padding: 0 15px;
  }
}
footer .security .item {
  display: inline-block;
  width: 158px;
}
@media screen and (max-width: 960px) {
  footer {
    padding-bottom: 20px;
  }
}
#nav-lightbox {
  width: 163px;
}
.nav-lightbox {
  background-color: #ffffff;
}
.nav-lightbox .mip-menu-list .mip-nav-item {
  width: 100%;
  overflow: hidden;
  text-align: left;
  border-bottom: 1px solid #EEEEEE;
}
.nav-lightbox .mip-menu-list .mip-nav-item .first-link {
  line-height: 27px;
  display: block;
  padding: 10px 15px;
  color: #666;
}
.nav-lightbox .mip-menu-list .mip-nav-item:last-child {
  font-size: 0.875em;
  text-align: center;
}
.wdj-normal-download .check-box.active {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeBAMAAADJHrORAAAAFVBMVEUAAACCgoKCgoKCgoKCgoKCgoKCgoJ4cO41AAAABnRSTlMA8a0nGbYg81BgAAAAN0lEQVQY02NgVkxDACEDBsM0ZCDMoBbCgACuSQxiDkh8lkSGNAZkkDbKpy4fPbzR4wM9vtDjEwAY7Sm1b0vYqAAAAABJRU5ErkJggg==) 0 4px no-repeat;
  background-size: 15px 15px;
}
.wdj-normal-download .normal-dl-btn {
  display: inline-block;
}
.wdj-normal-download .install-btn {
  display: none;
}
.ng .wdj-normal-download .check-box.active {
  background: url(data:image/png;base64,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) 0 4px no-repeat;
  background-size: 15px 15px;
}
.mip-screenshot-wrap {
  padding: 16px 6px 0 6px;
}
.mip-screenshot {
  width: 100%;
  vertical-align: top;
  overflow-x: scroll;
}
.mip-screenshot .mip-screenshot-list {
  font-size: 0;
}
.mip-screenshot .mip-screenshot-item {
  width: 157px;
  height: 266px;
  margin-left: 10px;
  display: inline-block;
}
.mip-screenshot .mip-screenshot-item .mip-screenshot-img {
  width: 157px;
  height: 266px;
}
.desc-info {
  font-size: 0.8125em;
}
.desc-info .arrow-down {
  float: right;
  width: 22px;
  height: 22px;
}
.desc-info .arrow-down.off {
  -ms-transform: rotate(180deg);
      transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.detail-video-wrap .video {
  display: block;
}
.comments {
  display: none;
}
.comments .comment-submit-wrap form {
  height: 60px;
}
.comments .comment-submit-wrap textarea {
  height: 60px;
}
.new-download .new-app mip-img,
.pc-download .new-app mip-img {
  width: 60px;
  height: 60px;
  margin: 0 auto;
  display: block;
}
.article-info .article-list mip-img {
  position: absolute;
  left: 0;
  top: 10px;
  width: 40px;
  height: 40px;
}
.article-info .article-list mip-img img {
  top: 0;
}
.ml-0 {
  margin-left: 0!important;
}
.download-btn-pc {
  width: 200px!important;
}
.download-tips {
  display: none;
  position: relative;
  font-size: 12px;
  margin-top: 10px;
  color: #999;
  text-align: center;
}
.download-tips.show {
  display: block;
}
@media screen and (max-width: 850px) {
  .article-info .article-list mip-img {
    left: auto;
    right: 0;
  }
  .wdj-normal-download .normal-dl-btn {
    display: block;
  }
  .download-tips {
    margin-top: 30px;
  }
}
.hide {
  display: none;
}
.topbanner,
.midbanner {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
}
.topbanner > a,
.midbanner > a {
  display: block;
  width: 100%;
}
.topbanner > a > img,
.midbanner > a > img {
  width: 100%;
}
.botbanner {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
}
.botbanner.hide {
  display: none;
}
.botbanner .botbanner-close {
  position: absolute;
  bottom: 0;
  right: 16%;
  width: 40px;
  height: 100%;
  cursor: pointer;
}
.botbanner .botbanner-close-m {
  position: absolute;
  top: -20px;
  right: 0;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.botbanner > a {
  display: block;
  width: 100%;
}
.botbanner > a > img {
  width: 100%;
}
.botbannerblock {
  position: relative;
  width: 100%;
}